<link type="text/css" rel="stylesheet"
      href="app.css" />


<div class="main">

<table>
		<tr><td>	
	<div id="top" class="top" style="display:none">
		<b>Question: </b><br/>
		<textarea rows="5" cols="100"></textarea>
		<input type="button" class="mainButton" value="Submit"/>
	</div>
	<div id="top" class="top" style="display:block">
		<b>Question:</b><br/>
		The Question goes here. The Question goes here. The Question goes here.
	</div>
	<div id="bottomDiv"  style="display:none" >
		<b>Answer: </b><br/>
		<textarea rows="5" cols="100"></textarea>
		<input type="button" class="mainButton" value="Submit"/>
	</div>
	
	<div class="answerDisplay">
	<b>Answers:</b>
		<table class="answerTable">
			<tr>
				<th>Par1</th>
				<th>Par2</th>
				<th>Par3 Par3</th>
			</tr>
			<tr>
				<td>The answer goes here. The answer goes here. The answer goes here. </td>
				<td>The answer goes here. The answer goes here. The answer goes here. </td>
				<td>The answer goes here. The answer goes here. The answer goes here. </td>
			</tr>
			<tr>
				<td><input type="button" class="voteButton" value="Vote"/></td>
				<td><input type="button" class="voteButton" value="Vote"/></td>
				<td><input type="button" class="voteButton" value="Vote"/></td>
			</tr>
		</table>
	</div>
	
	<br/>
	
	<div class="testDiv" style="float: left;">
		Par<br/>The answer goes here. The answer goes here. The answer goes here.<br/><input type="button" class="voteButton" value="Vote"/>
	</div>
	<div class="testDiv" style="float: left;">
		Par<br/>The answer goes here. The answer goes here. The answer goes here.<br/><input type="button" class="voteButton" value="Vote"/>
	</div>
	<div class="testDiv" style="float: left;">
		Par<br/>The answer goes here. The answer goes here. The answer goes here.<br/><input type="button" class="voteButton" value="Vote"/>
	</div>
	
	
	<td>
			<div id="turnDiv"></div>
			<div id="scoreDiv"></div>
		</td>
		</tr>
		</table>
</div>